﻿<link href="~/App/Styles/simple-sidebar.css" rel="stylesheet" />
<div data-ng-app="app">
    <div ng-controller="app.LogInController">
        <style type="text/css">
    
        </style>
        <div class="modal fade" id="loginModal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        <h4 class="modal-title">Login</h4>
                    </div>
                    <div class="modal-body">
                        <form>
                            <input type="text" class="form-control" data-ng-model="user.username" placeholder="Username" />
                            <input type="password" class="form-control" data-ng-model="user.password" placeholder="Password" />

                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" data-ng-click="Login()">Login</button>


                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="#" ng-click="Enter()" class="pull-left"><img src="~/App/Images/gameoasis_logo_360v2.png" style="height:50px; width:100px" /></a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav pull-right">
                        <li>
                            <a style="font-weight:400; font-size:16px;padding-top: 15px;padding-bottom: 15px;" data-ng-hide=" token" href="#" data-toggle="modal" data-target="#loginModal">Login</a>
                        </li>
                        <li>
                            <a style="font-weight:400; font-size:16px;padding-top: 15px;padding-bottom: 15px;" data-ng-show="token" href="#/Account">My Account</a>
                        </li>
                        <li>
                            <a style="font-weight:400; font-size:16px;padding-top: 15px;padding-bottom: 15px;" data-ng-show="token" href="#" data-ng-click="Logout()">Logout</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-ng-view>

        </div>
    </div>
</div>
<script src="~/App/Scripts/angular.min.js"></script>
<script src="~/App/Scripts/angular-route.js"></script>
<script src="~/App/Scripts/_ngMain.js"></script>
<script src="~/App/Scripts/_ngHomeController.js"></script>
<script src="~/App/Scripts/_ngGameIndexController.js"></script>
<script src="~/App/Scripts/yourProfileController.js"></script>
<script src="~/App/Scripts/yourGamesController.js"></script>
<script src="~/App/Scripts/_ngUserDetailController.js"></script>
<script src="~/App/Scripts/_ngGameDetailController.js"></script>
<script src="~/App/Scripts/_ngRentalsController.js"></script>